<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap-responsive.css"/>
    <link rel="stylesheet" type="text/css" href="../Css/style.css"/>
    <script type="text/javascript" src="../Js/jquery.js"></script>
    <script type="text/javascript" src="../Js/jquery.sorted.js"></script>
    <script type="text/javascript" src="../Js/bootstrap.js"></script>
    <script type="text/javascript" src="../Js/ckform.js"></script>
    <script type="text/javascript" src="../Js/common.js"></script>
    <script>
        $(function () {
            var oldPwd;
            $.ajax({
                type: 'post',
                url: 'http://localhost/user/getName',
                data: '',
                scriptCharset: 'utf-8',
                success: function (data) {
                    oldPwd = data.password;
                    $("#name").val(data.loginname);
                    var rt = $("#name").val();
                }
            });
            $("#oldPwd").blur(function () {
                if ($("#oldPwd").val() === "" || $("#oldPwd").val() == null) {
                    $("#oldMsg").html("请填写原密码").css("color", "red");
                } else {
                    if ($("#oldPwd").val() !== oldPwd) {
                        $("#oldMsg").html("原密码错误").css("color", "red");
                    } else {
                        $("#oldMsg").html("");
                    }
                }

            });
            $("#onePwd").blur(function () {
                if ($("#onePwd").val() === "" || $("#onePwd").val() == null) {
                    $("#oneMsg").html("请填写新密码").css("color", "red");
                } else if ($("#oldPwd").length > 10) {
                    $("#oneMsg").html("新密码过长").css("color", "red");
                } else {
                    $("#oneMsg").html("");
                }
            });
            $("#twoPwd").blur(function () {
                if ($("#twoPwd").val() === "" || $("#twoPwd").val() == null) {
                    $("#twoMsg").html("请填写新密码").css("color", "red");
                } else if ($("#twoPwd").val() !== $("#onePwd").val()) {
                    $("#twoMsg").html("两次密码输入不一样").css("color", "red");
                } else {
                    $("#twoMsg").html("")
                }
            });
        })
        function sub() {
            if ($("#onePwd").val() == null || $("#oldPwd").val() == null || $("#twoPwd").val() == null ||
                $("#onePwd").val() == "" || $("#oldPwd").val() == "" || $("#twoPwd").val() == "") {
                alert('请填写表单所有项');
                return false;
            }
            /*else if ($("#oneMsg").val() !== null || $("#oldMsg").val() !== null || $("#twoMsg").val() !== null ||
                $("#oneMsg").text() !== "" || $("#oldMsg").text() !== "" || $("#twoMsg").text() !== "") {
                alert($("#oneMsg").text() +"    "+$("#oldMsg").text() +"    "+ $("#twoMsg").text() );
                return false;
            }*/
            else {
                return true;
            }
        }
    </script>
</head>
<body>
    <form class="form-inline definewidth m20" onsubmit="return sub()" action="/user/updatePassword" method="post">
        <input id="name" type="hidden" name="loginName" value=""/>
        <table>
            <tr>
                <td align="right">原密码:</td>
                <td><input id="oldPwd" type="password"/><span id="oldMsg"></span></td>
            </tr>
            <tr>
                <td align="right">新密码:</td>
                <td><input id="onePwd" name="password" type="password"/><span id="oneMsg"></span></td>
            </tr>
            <tr>
                <td align="right">确认密码:</td>
                <td><input id="twoPwd" type="password"/><span id="twoMsg"></span></td>
            </tr>
            <tr>
                <td colspan="2" align="center"><br/>
                    <button type="submit" class="btn btn-primary">保存</button>
                </td>
            </tr>
        </table>
    </form>

</body>

</html>